* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  font-style: normal;
}

html {
  font-size: 16px;
}

.box {
  height: 50px;
  background-color: #222;
}

.box .container {
  padding: 0;
}

.box .container .navbar-header .navbar-brand {
  padding: 0 15px;
  display: flex;
  align-items: center;
}

.box .container .navbar {
  border: none;
  margin-bottom: 0;
}

.box .container .navbar-wrapper .navbar-brand {
  padding: 0 15px;
}

.box .container .navbar-wrapper .navbar-brand > img {
  width: 130px;
}

.box1 {
  background-color: #8bc01f;
}

.box1 .container .row {
  margin: 3.75rem 0;
}

.box1 .container .row .col-md-6 .title_1 {
  margin: 0;
}

.box1 .container .row .col-md-6 .title_1 h1 {
  color: #fff;
  font-size: 5rem;
}

.box1 .container .row .col-md-6 .title_1 h1 i {
  display: inline-block;
  width: 5.5rem;
  height: 5.5rem;
  border: 1px solid #fff;
  background-color: #fff;
  color: #8bc01f;
  line-height: 5.5rem;
  text-align: center;
  margin-right: 1rem;
}

.box1 .container .row .col-md-6 .title_2 {
  margin: 0;
  padding-left: 1rem;
}

.box1 .container .row .col-md-6 .title_2 .col-md-12 {
  padding-right: 0;
  padding-left: .9375rem;
}

.box1 .container .row .col-md-6 .title_2 .col-md-12 h3 {
  display: inline-block;
  color: #fff;
}

.box1 .container .row .col-md-6 .title_3 .col-md-12 {
  padding-left: 1.5625rem;
}

.box1 .container .row .col-md-6 .title_3 .col-md-12 p {
  color: #fff;
  font-size: 1rem;
}

.box1 .container .row .col-md-6 .title_6 .col-md-12 {
  padding-left: 1.5625rem;
}

.box2 {
  background-color: #3393df;
}

.box2 .container .row .md_a {
  padding-left: .9375rem;
  margin-top: 4.0625rem;
}

.box2 .container .row .md_a .title_2 {
  margin: 0;
}

.box2 .container .row .md_a .title_2 h1 {
  color: #fff;
  font-size: 4rem;
}

.box2 .container .row .md_a .title_2 h1 i {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border: 1px solid #fff;
  background-color: #fff;
  color: #3393df;
  line-height: 5rem;
  text-align: center;
  margin-right: 1rem;
}

.box2 .container .row .md_b {
  margin: 12rem 0;
}

.box2 .container .row .md_b h3 {
  color: #fff;
}

.box2 .container .row .md_b p {
  color: #fff;
  line-height: 2;
}

.box2 .container .row .md_c {
  margin-top: 25rem;
  margin-bottom: 6rem;
}

.box3 .container {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.box3 .container .row h1 {
  color: #3393df;
  font-size: 4rem;
}

.box3 .container .row h1 i {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border: 1px solid #fff;
  background-color: #3393df;
  color: #fff;
  line-height: 5rem;
  text-align: center;
  margin-right: 1rem;
}

.box3 .container .row h4:nth-of-type(1) {
  margin-top: 2rem;
  font-weight: 300;
}

.box3 .container .row h4:nth-of-type(2),
.box3 .container .row h4:nth-of-type(3),
.box3 .container .row h4:nth-of-type(4) {
  margin-top: 3rem;
  color: #3393df;
}

.box3 .container .row p {
  text-indent: 2em;
  color: #b9b9b9;
}

.box3 .container .row .tu_59 {
  margin-top: 4rem;
  text-align: center;
}

.box4 {
  background-color: #f7f7f7;
}

.box4 .container {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.box4 .container .row h1 {
  color: #3393df;
  font-size: 4rem;
}

.box4 .container .row h1 i {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border: 1px solid #fff;
  background-color: #3393df;
  color: #fff;
  line-height: 5rem;
  text-align: center;
  margin-right: 1rem;
}

.box4 .container .row h4:nth-of-type(1) {
  margin-top: 2rem;
  font-weight: 300;
}

.box4 .container .row h4:nth-of-type(2),
.box4 .container .row h4:nth-of-type(3),
.box4 .container .row h4:nth-of-type(4) {
  margin-top: 3rem;
  color: #3393df;
}

.box4 .container .row p {
  text-indent: 2em;
  color: #b9b9b9;
}

.box4 .container .row .tu_59 {
  margin-top: 4rem;
  text-align: center;
}

.box6_nav {
  background-color: #3b3b3b;
}

.box6_nav .container .row {
  margin: 1.875rem 0 1.875rem;
}

.box6_nav .container .row .col-md-9 a {
  color: #75767b;
  font-size: .875rem;
}

.box6_nav .container .row .col-md-9 p {
  color: #75767b;
  font-size: .75rem;
}

.box6_nav .container .row .col-md-3 {
  display: flex;
  justify-content: space-between;
}

.box6_nav .container .row .col-md-3 .nn {
  position: relative;
}

.box6_nav .container .row .col-md-3 .nn:hover .zz {
  display: block;
}

.box6_nav .container .row .col-md-3 .nn .zz {
  position: absolute;
  top: -10.5625rem;
  left: -2.125rem;
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 14px;
  }
  .box {
    height: 100%;
  }
  .box .navbar-wrapper .navbar {
    margin-bottom: 0;
  }
  .box .navbar-wrapper #navbar .dropdown {
    position: absolute;
    top: 0;
    right: 80px;
  }
  .box1 .container .row p {
    font-size: 16px !important;
  }
  .box1 .container .row .tu img {
    display: none;
  }
  .box2 .container .row .sm_a {
    text-align: center;
  }
  .box2 .container .row .sm_b {
    margin: 2rem 0;
  }
  .box2 .container .row .sm_c {
    display: none;
  }
  .box3 .container {
    margin: 4rem 0;
  }
  .box3 .container .tu_59 {
    display: none;
  }
  .box4 .container {
    margin: 4rem 0;
  }
  .box4 .container .tu_59 {
    display: none;
  }
  .box6_nav .container .row .col-sm-3 .col-xs-12:nth-of-type(3) {
    padding-right: 0;
  }
  .box6_nav .container .row .col-md-3 {
    display: flex;
    justify-content: space-between;
  }
  .box6_nav .container .row .col-md-3 .nn {
    position: relative;
  }
  .box6_nav .container .row .col-md-3 .nn:hover .zz {
    display: block;
  }
  .box6_nav .container .row .col-md-3 .nn .zz {
    position: absolute;
    top: -11.5625rem;
    left: -2.125rem;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 12px;
  }
  .box {
    height: 100%;
  }
  .box .navbar-wrapper .container .navbar {
    margin-bottom: 0;
  }
  .box .navbar-wrapper .container #navbar {
    position: absolute;
    left: 0;
    top: 50px;
    background-color: #222;
    width: 100vw;
  }
  .box1 .container .row h1 {
    font-size: 40px !important;
  }
  .box1 .container .row p {
    font-size: 16px !important;
  }
  .box1 .container .row .tu img {
    display: none;
  }
  .box2 .container .row .sm_a {
    text-align: center;
  }
  .box2 .container .row .sm_b {
    margin: 2rem 0;
  }
  .box2 .container .row .sm_c {
    display: none;
  }
  .box3 .container {
    margin: 0;
  }
  .box3 .container .tu_59 {
    display: none;
  }
  .box4 .container {
    margin: 4rem 0;
  }
  .box4 .container .tu_59 {
    display: none;
  }
  .box6_nav .container .row .col-xs-3 {
    flex-wrap: wrap;
  }
  .box6_nav .container .row .col-xs-3 img {
    margin-top: .625rem;
  }
  .box6_nav .container .row .col-md-3 {
    display: flex;
    justify-content: space-between;
  }
  .box6_nav .container .row .col-md-3 .nn {
    position: relative;
  }
  .box6_nav .container .row .col-md-3 .nn:hover .zz {
    display: block;
  }
  .box6_nav .container .row .col-md-3 .nn .zz {
    position: absolute;
    top: -17.5625rem;
    left: -2.5rem;
    display: none;
  }
}
